import './Card.scss'
// function Card(props){
/**
 * 卡片组件
 *
 * @param title 卡片标题，默认为"默认标题"
 * @param extra 卡片头部额外内容
 * @param children 卡片内容，默认为空字符串
 * @returns 返回渲染后的卡片组件
 */
function Card({title="默认标题",extra="",children=""}){
    return (
        <div className="card">
            <div className="head">
                {/*标题*/}
                <h3>{title}</h3>
                {/*操作按钮*/}
                {extra}
            </div>

            <div className="body">
                {/*{props.children}*/}
                {/*面板组件的内容*/}
                {children}
            </div>
        </div>
    )
}

export default Card;